Skip to content

Conversation

@pfefferle
Copy link
Member

@pfefferle pfefferle commented Oct 30, 2025

Screenshot 2025-10-31 at 12 28 11 Screenshot 2025-10-31 at 12 28 04

Proposed changes:

Other information:

  • Have you written new tests for your changes, if applicable?

Testing instructions:

  • Go to '..'

Changelog entry

  • Automatically create a changelog entry from the details below.
Changelog Entry Details

Significance

  • Patch
  • Minor
  • Major

Type

  • Added - for new features
  • Changed - for changes in existing functionality
  • Deprecated - for soon-to-be removed features
  • Removed - for now removed features
  • Fixed - for any bug fixes
  • Security - in case of vulnerabilities

Message

obenland and others added 5 commits October 29, 2025 21:06
Major architectural changes:
- Replaced custom routing with simpler state-based navigation
- Implemented three-panel layout (sidebar, stage, inspector)
- Created reusable Page and Panel components for consistent UI structure
- Organized routes by section (dashboard, followers, following, interactions)

Component improvements:
- Layout: Dark theme (#1e1e1e) with fullscreen mode support
- Sidebar: 300px fixed width with visible menu items on dark background
- Stage: Main content area with DataViews tables and action buttons
- Inspector: 380px conditional panel for item details

TypeScript improvements:
- Added explicit action types for Redux store (SetFollowersAction, etc.)
- Created store.d.ts for @wordpress/data module augmentation
- Fixed React JSX transform configuration (react-jsx mode)
- Added missing icon type definitions

Styling:
- Consolidated styles into style-index.css via style.scss entry point
- Added fullscreen body class management with useEffect hook
- Used wpds design tokens for consistency with WordPress Design System
- Proper margin-based spacing between panels
Changed the sidebar header title from 'ActivityPub' to 'Social Web' and updated menu item labels to use translation functions. This improves localization and better reflects the section's purpose.
Introduces a 'feed' resource to the Redux store, including actions, selectors, and async fetching logic for ActivityPub posts. Updates the sidebar navigation to include a Feed section and ensures feed data is loaded alongside followers, following, and interactions. This prepares the UI for displaying a user's ActivityPub feed.
Uncomments the line that runs PHP Code Sniffer on changed PHP files, ensuring code formatting is enforced during pre-commit.
@pfefferle pfefferle changed the base branch from trunk to refactor/social-web-ui-second-pass October 30, 2025 10:13
@github-actions github-actions bot added [Feature] Collections [Focus] Editor Changes to the ActivityPub experience in the block editor [Status] In Progress labels Oct 30, 2025
matticbot and others added 2 commits October 30, 2025 10:14
Replaces the actor object's properties in FeedPost with new fields: ID, post_title, post_excerpt, and guid. Removes the previous fields such as id, name, preferredUsername, url, icon, and type to reflect updated data structure.
@pfefferle pfefferle self-assigned this Oct 30, 2025
pfefferle and others added 5 commits October 30, 2025 14:24
- Replace classnames with clsx for better class name handling
- Restructure store into modular files (actions, selectors, reducer, types)
- Replace hardcoded colors with wpds design tokens throughout SCSS
- Move WordPress type declarations to project root /types/
- Create route-specific types.ts files for better organization
- Add ThemedSurface component for consistent styled surfaces
- Refactor Panel component to use ThemedSurface internally
- Simplify design-tokens.scss to use wpds tokens directly

All styling now uses wpds token names with fallback values for consistent theming.
Import style.scss from the JavaScript entry point to bundle all styles
(global styles and component styles) into a single style-index.css file.
This simplifies the build output and ensures fullscreen layout styles are
properly applied.

- Import style.scss in index.tsx to bundle all styles together
- Remove editorStyle from block.json since styles are imported directly
- Remove inline background style from root element
- Clean up debug console.log statements
Base automatically changed from refactor/social-web-ui-second-pass to add/reader October 30, 2025 16:04
Introduces a 'feed' section to the sidebar and Redux store, including actions, selectors, and reducers for fetching and managing feed posts. Updates the layout and data hooks to support the new feed resource, and ensures dashboard statistics now include post counts. This enhances the social web interface with feed viewing capabilities.
Enhanced the social web sidebar by adding a site hub component with site icon, title, and a button to open the command palette. Updated dependencies to include 'wp-commands', 'wp-html-entities', and 'wp-url' to support new features.
Imported the 'classnames' utility in src/social-web/components/layout/index.tsx to fix a missing import error. This resolves issues where the S() function (an alias for classnames) was used without being defined, ensuring proper class name composition in the layout component.
Introduces new field components for the feed inspector (author, content, date, excerpt, metadata, status, title), a custom use-feed hook, and related styles. Updates feed, layout, and sidebar logic to support the new inspector. Also adds FeedActions and style for the feed route, and updates post type handling.
Uncomments the filter hook for 'rest_ap_post_query' to allow filtering AP posts by user. This change activates the previously disabled functionality.
This commit refactors the social-web module by updating Redux store actions, reducer, selectors, and types for improved state management. UI components in fields, layout, and sidebar have been enhanced for better structure and maintainability. The use-social-web-data hook is updated to leverage the new store logic. Build files are updated to reflect these changes and add 'wp-notices' as a dependency.
Removed dashboard-specific route and types files, and updated sidebar navigation to set 'Feed' as the default section. Refactored main layout and routing logic to simplify section handling and improve maintainability. Updated related components and styles to reflect these changes.
Replaces 'actor' with 'actor_info' for feed posts, updating REST field registration and all references. Removes the old author field and introduces avatar and name fields for improved display. Adds a post card field and updates metadata, content, and title rendering for a cleaner, more modular UI. Updates styles for post cards and feed layout, and refactors inspector to show avatars. Adjusts feed actions and view logic to match new structure.
Reorders ReactJSXRuntime and primitives imports in the follow-me block and related plugin JS files for consistency. No functional changes; improves code clarity and maintainability.
Replaces the old post-card component and style with a new inline feed post card rendering approach. Updates feed rendering logic, CSS classes, and layouts for improved interaction, selection, and appearance. Removes unused post-card.tsx and post-card-style.scss files, and updates excerpt rendering and metadata display for feed items.
Removed avatarFeedField and nameFeedField components and their exports. The metadataField now directly renders the avatar and author name, simplifying the code and reducing indirection.
Feed post title, excerpt, metadata, and content fields now decode HTML entities before rendering. This improves display of special characters and formatting in ActivityPub posts throughout the social web UI.
Changed the 'capabilities' array to enable 'activitypub' and set 'show_in_rest' to true for the custom post type. This allows the post type to be accessible via the REST API and supports ActivityPub-specific capabilities.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

[Feature] Collections [Feature] WP Admin [Focus] Editor Changes to the ActivityPub experience in the block editor [Status] In Progress

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants